irongit
Sign inRegister
huncholanehuncholane/dotbarPublic

Waybar configuration

dotbar/style/[Extra] Crimson.css
199 lines3.8 KBCSS
RawDownloadHistory
1/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
2/* ..........Crimson.................. */
3/* --- 👍 designed by https://github.com/Krautt 👍 --- */
4
5*{
6font-family: "JetBrainsMono Nerd Font";
7font-weight: bold;
8/* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
9font-size: 97%;
10font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
11}
12
13window#waybar {
14 background: #240303;
15 color: wheat;
16 border-radius: 0px 0px 100px 100px;
17 border: 1px solid grey;
18}
19
20window#waybar.hidden {
21 opacity: 0.5;
22}
23
24tooltip {
25 background: #240303;
26 border-radius: 10px;
27 border-width: 2px;
28 border-style: solid;
29 border-color: #11111b;
30 color: wheat;
31}
32
33/*-----module groups----*/
34.modules-left,
35.modules-center,
36.modules-right {
37 padding-top: 2px;
38 padding-bottom: 2px;
39 padding-right: 4px;
40 padding-left: 4px;
41}
42
43#taskbar button,
44#workspaces button {
45 color: wheat;
46 box-shadow: none;
47 text-shadow: none;
48 padding: 4px;
49 border-radius: 9px;
50 animation: gradient_f 20s ease-in infinite;
51 transition: all 0.5s cubic-bezier(.55,-0.68,.48,1.682);
52}
53
54#taskbar button.active,
55#workspaces button.active {
56 color: rgb(108, 18, 18);
57 background-color: #000000;
58 border: 1px solid grey;
59 border-radius: 15px 15px 15px 15px;
60 padding-left: 8px;
61 padding-right: 8px;
62 animation: gradient_f 20s ease-in infinite;
63 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
64}
65
66#workspaces button.focused {
67 color: #d8dee9;
68}
69
70#workspaces button.urgent {
71 color: #11111b;
72 border-radius: 10px;
73}
74
75#taskbar button:hover,
76#workspaces button:hover {
77 color: rgb(71, 14, 14);
78 background-color: #000000;
79 border-radius: 15px;
80 padding-left: 3px;
81 padding-right: 3px;
82 animation: gradient_f 20s ease-in infinite;
83 transition: all 0.3s cubic-bezier(.55,-0.68,.48,1.682);
84}
85
86#backlight,
87#backlight-slider,
88#battery,
89#bluetooth,
90#clock,
91#cpu,
92#disk,
93#idle_inhibitor,
94#keyboard-state,
95#memory,
96#mode,
97#mpris,
98#network,
99#power-profiles-daemon,
100#pulseaudio,
101#pulseaudio-slider,
102#taskbar,
103#temperature,
104#tray,
105#window,
106#wireplumber,
107#workspaces,
108#custom-backlight,
109#custom-browser,
110#custom-cava_mviz,
111#custom-cycle_wall,
112#custom-dot_update,
113#custom-file_manager,
114#custom-keybinds,
115#custom-keyboard,
116#custom-light_dark,
117#custom-lock,
118#custom-hint,
119#custom-hypridle,
120#custom-menu,
121#custom-playerctl,
122#custom-power_vertical,
123#custom-power,
124#custom-quit,
125#custom-reboot,
126#custom-settings,
127#custom-spotify,
128#custom-swaync,
129#custom-tty,
130#custom-updater,
131#custom-weather,
132#custom-weather.clearNight,
133#custom-weather.cloudyFoggyDay,
134#custom-weather.cloudyFoggyNight,
135#custom-weather.default,
136#custom-weather.rainyDay,
137#custom-weather.rainyNight,
138#custom-weather.severe,
139#custom-weather.showyIcyDay,
140#custom-weather.snowyIcyNight,
141#custom-weather.sunnyDay {
142 color: wheat;
143 padding-top: 5px;
144 padding-bottom: 5px;
145 padding-right: 6px;
146 padding-left: 6px;
147}
148
149#temperature.critical {
150 background-color: #ff0000;
151}
152
153@keyframes blink {
154 to {
155 color: #000000;
156 }
157}
158
159/*-----Indicators----*/
160#custom-hypridle.notactive,
161#idle_inhibitor.activated {
162 color: #39FF14;
163}
164
165#battery.critical:not(.charging) {
166 color: #f53c3c;
167 animation-name: blink;
168 animation-duration: 3.0s;
169 animation-timing-function: steps(12);
170 animation-iteration-count: infinite;
171 animation-direction: alternate;
172}
173
174#backlight-slider slider,
175#pulseaudio-slider slider {
176 min-width: 0px;
177 min-height: 0px;
178 opacity: 0;
179 background-image: none;
180 border: none;
181 box-shadow: none;
182}
183
184#backlight-slider trough,
185#pulseaudio-slider trough {
186 min-width: 80px;
187 min-height: 5px;
188 border-radius: 5px;
189 background-color: #22252a;
190}
191
192#backlight-slider highlight,
193#pulseaudio-slider highlight {
194 min-height: 10px;
195 border-radius: 5px;
196 background-color: #ba5663;
197}
198
199